// 网络请求库
import axios from 'axios'
import router from '@/router'
import store from '@/store'
// import { refreshTokenAPI } from '@/api'

// 创建一个新的axios函数对象
const ajax = axios.create({
  baseURL: 'http://123.57.109.30:8000' //  线上接口
  // baseURL: 'http://localhost:8080' // 本地接口
})
// 请求: 前端(客户端) -> 后端(服务器)  技术: axios(内部ajax)
// 响应: 前端(客户端) <- 后端(服务器)  回到axios发起位置

// axios请求拦截器
// 逻辑页面(用户动作) -> axios发起请求 -> (axios请求拦截器处理一下) -> 请求后端服务器
// 添加请求拦截器
// 发起请求之前, 修改axios的请求配置对象, 转化成原生ajax发起请求去了
ajax.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  // 如果没有Authorization字段, 我才给你添加
  // vuex里必须有token才携带
  if (config.headers.Authorization === undefined && store.state.token.length > 0) {
    config.headers.Authorization = 'Bearer ' + store.state.token
  }

  console.log(config)
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// axios响应拦截器
// 页面反馈          <- axios接到数据 <- (axios响应拦截器处理一下) <- 后端服务器响应

// 添加响应拦截器
ajax.interceptors.response.use(function (response) { // 当状态码为2xx/3xx开头的进这里
  // 对响应数据做点什么
  return response
},
async function (error) { // 响应状态码4xx/5xx进这里
  // 对响应错误做点什么
  // 只有响应状态码为401的时候, 才跳转到登录页面
  // console.dir(error)
  if (error.response.status === 401) {
    // vuex和本地的token都过期了, 得清空
    store.commit('setToken', '')

    // 方式1: 强制切换登录页面(用户有感知), 效果不好
    router.push({
      path: '/login',
      query: {
        code: 401
      }
    })

    // 方式2: refreshToken(用户无感知)
    // const res = await refreshTokenAPI()
    // store.commit('setToken', res.data.data.token)
    // // 再调用一次未完成的请求啊(用户无感知)

    // // error.config 就是上一次axios请求的配置对象
    // console.dir(error.config)
    // // 把新的token赋予到下一次axios请求的请求头中
    // error.config.headers.Authorization = 'Bearer ' + res.data.data.token
    // // return到await的地方
    // return ajax(error.config)
  } else if (error.response.data.message === 'refresh_token失效') {
    store.commit('setToken', '')
    store.commit('setRefreshToken', '')
    router.replace({
      path: '/login'
    })
  }

  return Promise.reject(error)
})

export default ({ url, method = 'GET', data, params, headers }) => {
  // 把原地留下的Promise对象返回到调用处
  // Promise对象内的网络请求结果, 返回到then/await
  return ajax({
    url,
    method,
    data,
    params,
    headers
  })
}
